home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Shareware / IDimager Personal 4.2.0.3 / setup_IDimager_Personal_V4.exe / {app} / web / idimager.css < prev    next >
Cascading Style Sheet File  |  2008-08-06  |  7KB  |  231 lines
  1. body   { 
  2.          background-color: #000000; 
  3.          color: #a0a0a0; 
  4.          font-family: trebuchet,tahoma,verdana,arial,helvetica; 
  5.          font-size: 10pt; 
  6.          margin: 0px; 
  7.        }
  8.  
  9. img    { border-style: none; border-width: 0px; }
  10. table  { border-style: none; border-width: 0px; font-size: 10pt; }
  11. td     { vertical-align: top; border-color: #101010; }
  12.  
  13. table.offset { position:relative; left: 10px; border-style: solid; border-width: 0px; }
  14.  
  15. a:link,a:visited,a:active { color: #606060; text-decoration: none; text-decoration:underline; }
  16. a:hover                   { text-decoration:underline; }
  17.  
  18. a.inverse:link,a.inverse:visited,a.inverse:active { color: #FFFFFF; text-decoration: none; }
  19.  
  20. .thumbstable { width: 100%; }
  21.  
  22. .thumbsTableHeader {
  23.                      background-color: #404040;
  24.                      font-size: 14pt; 
  25.                      height: 48px;
  26.                      color: #808080; 
  27.                    }
  28.  
  29. .imageTableHeader  { background-color: #202020; font-size: 12pt; color: #606060; }
  30.  
  31. .thumbnail { float:left; }
  32.  
  33. .thumbnail a { 
  34.              display: block;
  35.              margin: 3px; 
  36.              padding: 2px; 
  37.              background-color: transparent; 
  38.              border-style: solid;
  39.              border-width: 5px;
  40.              border-color: #404040;
  41.            }
  42.  
  43. .thumbnail a img { 
  44.                 opacity: 0.7; /* Safari, Opera */
  45.                 -moz-opacity: 0.70; /* FireFox */
  46.                 filter: alpha(opacity=70); /* IE */
  47.            }
  48.  
  49. .thumbnail a:hover { 
  50.              border-color: #606060;
  51.              /* background-color: #FFFFFF; */
  52.                    }
  53.  
  54. .thumbnail a:hover img { 
  55.                 opacity: 1.0; /* Safari, Opera */
  56.                 -moz-opacity: 1.00; /* FireFox */
  57.                 filter: alpha(opacity=100); /* IE */
  58.            }
  59.  
  60.  
  61. .thumbnailimage { 
  62.                 }
  63.  
  64.  
  65. .navimage { height: 50px; }
  66.  
  67. .navimage a img { 
  68.                 opacity: 0.2; /* Safari, Opera */
  69.                 -moz-opacity: 0.20; /* FireFox */
  70.                 filter: alpha(opacity=20); /* IE */
  71.            }
  72.  
  73. .navimage a:hover img { 
  74.                 opacity: 1.0; /* Safari, Opera */
  75.                 -moz-opacity: 1.00; /* FireFox */
  76.                 filter: alpha(opacity=100); /* IE */
  77.            }
  78.  
  79.  
  80. .small     { font-size: 8pt; }
  81. .verysmall { font-size: 7pt; font-style: italic; }
  82.  
  83. .highlight { background-color: #000000; font-weight: bold; }
  84. .inverse   { background-color: #000000; color: #FFFFFF; }
  85. .alarm     { background-color: #CCCCCC; color: #FF0000; }
  86.  
  87. .activepage     { background-color: #202020; color: #606060; }
  88.  
  89.  
  90. .editObject{
  91.                 font-family: trebuchet,arial; 
  92.                 font-size: 10pt; 
  93.                 border-width: 1px;
  94.                 background-color: transparent;
  95.                 color: #808080;
  96.             }
  97.  
  98. .commentHeader { color: #0066a0; }
  99.  
  100. #caption    {
  101.               float: left;
  102.               width: 100%;
  103.               background-color: #202020; 
  104.               font-size: 14pt; 
  105.               height: 20px;
  106.               color: #808080; 
  107.               margin-top: 15px;
  108.               padding-left: 5px;
  109.             }
  110.  
  111. #thumbs {
  112.           margin-left: 5px;
  113.           float: left;
  114.           background-color: #303030; 
  115.           width: 720px; 
  116.           height: 720px;
  117.           overflow: visible;
  118.         }
  119.  
  120. #pageNo     { float: left; color: #606060; font-size: 100%; }
  121. #homeBox    { float: left; }
  122. #searchBox  { 
  123.               float: left; 
  124.               width: 80%; 
  125.               height: 25px; 
  126.               background-image: URL(%var:PageOffset/images/searchbox.png); 
  127.               background-repeat: no-repeat; 
  128.             }
  129.  
  130. #searchInput{
  131.                 font-family: trebuchet,arial; 
  132.                 font-size: 10px; 
  133.                 width: 90px;
  134.                 border-width: 0px;
  135.                 background-color: transparent;
  136.                 color: #808080;
  137.                 position: relative; top: 3px; left: 25px;
  138.             }
  139.  
  140. #editDetails {
  141.              float: left; 
  142.              width: 100%;
  143.              padding: 5px;
  144.              }
  145.  
  146. #image { float: middle; }
  147.  
  148. #headerLeft { float: left; padding: 5px; }
  149. #headerNav  { float: right; }
  150.  
  151. #pageNr { float: right; padding-left: 10px; padding-right: 10px; }
  152.  
  153. #imageNavBack { float: left; position: relative; top: 5px; }
  154. #imageNavPrev { float: left; position: relative; top: 55px; left: -24px; }
  155. #imageNavNext { float: right; position: relative; top: 55px; }
  156.  
  157. #commentblockeven   { 
  158.                       text-align: left; 
  159.                       padding: 4px; 
  160.                       margin-bottom: 10px; 
  161.                       background-color: #404040; 
  162.                       font-size: 10pt;
  163.                     }
  164.  
  165. #commentblockuneven { 
  166.                       text-align: left; 
  167.                       padding: 4px; 
  168.                       margin-bottom: 10px; 
  169.                       background-color: #303030; 
  170.                       font-size: 10pt;
  171.                     }
  172.  
  173. #mainLeft { float: left; width: 250px; }
  174.  
  175. #textComment { }
  176.  
  177.  
  178. /* ------------------ Hvz; BEGIN TAB CONTROLS ------------------ */
  179.  
  180. #tabBar { 
  181.           float: left;
  182.           border-left: 0px; border-top: 0px; border-right: 0px; border-bottom: 1px; 
  183.           border-color: #606060; 
  184.           border-style: solid;
  185.           width: 100%;
  186.         }
  187.  
  188. #tabPage {
  189.            padding: 2px;
  190.            width: 100%; 
  191.            height: 350px; 
  192.            border-width: 1px; 
  193.            border-color: #505050; 
  194.            border-style: solid;
  195.            z-index: 3;
  196.            background-color: #303030;
  197.            color: #606060;
  198.            font-size: 9pt;
  199.            overflow: visible;
  200.          }
  201.  
  202. #tab { 
  203.            font-size: 9pt;
  204.            float: left;
  205.            margin-right: 1px; 
  206.            padding: 2px; padding-left: 10px; padding-right: 10px;
  207.            border-width: 1px; border-color: #606060; border-style: outset;
  208.      }
  209.  
  210. #tab a, #tab a:visited, #tab a:link { display: block; color: #808080; text-decoration: none; }
  211. #tab a:hover { position: relative; top: -1px; color: #E0E0E0;  }
  212.  
  213. #tab.Off  {
  214.            background-color: #303030; 
  215.            color: #606060; 
  216.            /* position: relative; top: 2px; */
  217.            z-index: -1;
  218.          }
  219.  
  220. #tab.On  {
  221.            background-color: #606060;
  222.            border-color: #606060;
  223.            border-style: solid;
  224.            z-index: 2;
  225.          }
  226.  
  227. #tab.On a, #tab.On a:visited, #tab.On a:link { position: relative; top: -2px; color: #E0E0E0; }
  228. #tab.On a:hover { color: #FFFFFF;  }
  229.  
  230. /* ------------------ END TAB CONTROLS ------------------ */
  231.